<template>
  <div>
    <!-- 2.双大括号  中间放表达式  把数据显示到标签中 -->
    <h1>{{msg}}</h1>
    <h2>{{obj.username}}</h2>
    <h3>{{obj.age>=18?'年龄大于等于18':'未成年'}}</h3>
    <h4>{{obj.gender}}</h4>
  </div>
</template>

<script>
export default {
  // 1.声明vue中的数据
  data() {
    return {
      msg:'Bonjo,Evan you',
      obj:{
        username:'Tim Cook',
        age:'40',
        gender:'male'
      }
    }
  },
}
</script>

<style scoped>

</style>